import { memo, useEffect } from "react";
import './notice.scss'

const Notice = memo(()=>{
    useEffect(()=>{
        return ()=>{}
    },[])
    return (
        <>
            <div className="notice_box">
                <div className="notice_header">
                    <div className="notice_title">
                        <svg viewBox="0 0 16 16">
                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-218.000000, -99.000000)"><g transform="translate(218.000000, 99.000000)"><rect id="bg" fill="#037EF3" opacity="0" x="0" y="0" width="16" height="16"></rect><path d="M10.75,2 C11.1296958,2 11.443491,2.28215388 11.4931534,2.64822944 L11.5,2.75 L11.5,4.5 L13.25,4.5 C13.6642136,4.5 14,4.83578644 14,5.25 C14,5.62969577 13.7178461,5.94349096 13.3517706,5.99315338 L13.25,6 L11.5,6 L11.5,10 L13.25,10 C13.6642136,10 14,10.3357864 14,10.75 C14,11.1296958 13.7178461,11.443491 13.3517706,11.4931534 L13.25,11.5 L11.5,11.5 L11.5,13.25 C11.5,13.6642136 11.1642136,14 10.75,14 C10.3703042,14 10.056509,13.7178461 10.0068466,13.3517706 L10,13.25 L10,11.5 L6,11.5 L6,13.25 C6,13.6642136 5.66421356,14 5.25,14 C4.87030423,14 4.55650904,13.7178461 4.50684662,13.3517706 L4.5,13.25 L4.5,11.5 L2.75,11.5 C2.33578644,11.5 2,11.1642136 2,10.75 C2,10.3703042 2.28215388,10.056509 2.64822944,10.0068466 L2.75,10 L4.5,10 L4.5,6 L2.75,6 C2.33578644,6 2,5.66421356 2,5.25 C2,4.87030423 2.28215388,4.55650904 2.64822944,4.50684662 L2.75,4.5 L4.5,4.5 L4.5,2.75 C4.5,2.33578644 4.83578644,2 5.25,2 C5.62969577,2 5.94349096,2.28215388 5.99315338,2.64822944 L6,2.75 L6,4.5 L10,4.5 L10,2.75 C10,2.33578644 10.3357864,2 10.75,2 Z M10,6 L6,6 L6,10 L10,10 L10,6 Z" id="形状" fill="currentColor" fill-rule="nonzero"></path></g></g></g>
                        </svg>
                        <div>公告</div>
                    </div>
                </div>
                <div className="notice_messages_container">
                    <div className="notice_banner">
                        <h2><i className="fas fa-bullhorn"></i> 重要告示</h2>
                        <div className="date">发布时间：2025-7-18</div>
                        {/* <p>亲爱的用户们：</p> */}
        
                        <p>给我点建议改进系统吧！</p>
                        
                        {/* <p>无论您有任何想法、建议或反馈，我们都非常重视：</p> */}
                        {/* <ul style={{marginTop: '10px', paddingLeft: '20px'}}>
                            <li>功能改进建议</li>
                            <li>界面优化想法</li>
                            <li>使用中遇到的任何问题反馈</li>
                            <li>您希望添加的新功能创意</li>
                            <li>性能优化建议（速度、稳定性等）</li>
                        </ul> */}
                        {/* <p style={{marginTop: '10px'}}>维护期间带来的不便，敬请谅解！感谢各位玩家的理解与支持。</p> */}
                    </div>
                </div>
            </div>
        </>
    )
})

export default Notice;